@import '@/uni_modules/uni-scss/variables.scss';

/* ==================
        初始化
 ==================== */
body {
	background-color: #f7f7f7;
	font-size: 28rpx;
	color: #333333;
	// font-family: Helvetica Neue, Helvetica, sans-serif;
}

view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
}


// 详细使用请参考 https://uniapp.dcloud.net.cn/component/uniui/color.html
// 自定义主色
$uni-primary:#94bcff;
$uni-primary-disable:#99CCFF;
$uni-primary-light: #d4e4ff;
/* 主题色 */
$uni-theme-color: #247eff;

// 中性色  中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
$uni-main-color: #3a3a3a; 			// 主要文字
$uni-base-color: #6a6a6a;			// 常规文字
$uni-secondary-color: #909399;		// 次要文字
$uni-extra-color: #c7c7c7;			// 辅助说明

// 边框颜色  主要用于边框、分隔线颜色
$uni-border-1: #f0f0f0;
$uni-border-2: #ededed;
$uni-border-3: #dcdcdc;
$uni-border-4: #b9b9b9;

// 常规色 白 黑
$uni-black: #000000;
$uni-white: #ffffff;
$uni-transparent: rgba($color: #000000, $alpha: 0);
// 背景色 灰
$uni-bg-color: #f7f7f7;

// 盒子阴影
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);

// ===============================自定义全局变量start======================================
// 字体
$font-family: ‘Courier New’, Courier, monospace;
// 共同样式变量
$my-border-radius: 15rpx;
// ===============================自定义全局变量end======================================

/* 主体字体颜色 */
.themeColor {
	color: $uni-theme-color;
}
	
/* 主体背景颜色 */
.themeBgColor {
	background-color: $uni-theme-color;
}


// 全局样式
.my-border{
	border-radius: $my-border-radius;
	border: 1rpx solid $uni-border-4;
}
.border-radius {
	border-radius: $my-border-radius;
}

.all-box{
	border: 1rpx solid red;
}

.border-radius-shadow{
	border-radius: $my-border-radius;
	box-shadow: $uni-shadow-sm;
}

/* ====== 通用flex布局start ====== */
.flex-row{
	display: flex;
	flex-direction: row;
}
.flex-row-bt {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.flex-row-st {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.flex-row-ec {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.flex-row-ct {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.flex-row-ac {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.flex-column-c{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.flex-column-st{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.flex-column-ss{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.flex-column-sb{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.flex-column-bc{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
/* ====== 通用flex布局end ====== */

// ===============文本字体样式start=========================
//灰色字体
.text-secondary-color{
	color: $uni-secondary-color;
}
/* 小字灰色, 用于次要说明*/
.text-secondary-xs {
	font-size: 20rpx;
	color: $uni-secondary-color;
}
.text-secondary-xl {
	font-size: 25rpx;
	color: $uni-secondary-color;
}
.text-red-xl {
	font-size: 25rpx;
	color: red;
}

// 主题字体
.text-main-bord {
	font-size: 25rpx;
	font-weight: bold;
	color: $uni-main-color;
}
// 标题
.text-main-bord-xxl {
	font-size: 35rpx;
	font-weight: bold;
	color: $uni-main-color;
}
.text-main-xxl {
	font-size: 35rpx;
	color: $uni-main-color;
}
// 常用
.text-main-xl {
	font-size: 25rpx;
	color: $uni-base-color;
}
.text-main-sm {
	font-size: 20rpx;
	color: $uni-base-color;
}
.text-main-xs {
	font-size: 15rpx;
	color: $uni-base-color;
}
.text-main-xxs {
	font-size: 8rpx;
	color: $uni-secondary-color;
}
.text-overhidden-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; // 控制多行的行数
	-webkit-box-orient: vertical;
}
.text-overhidden-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; // 控制多行的行数
	-webkit-box-orient: vertical;
}
.goods-price {
	font-weight: bolder;
	color: #ee3f4d;
	font-size: 35rpx;
	line-height: 35rpx;
	margin-left: 12rpx;
}
// $uni-main-color: #3a3a3a; 			// 主要文字
// $uni-base-color: #6a6a6a;			// 常规文字
// $uni-secondary-color: #909399;		// 次要文字
// $uni-extra-color: #c7c7c7;	
// ===============文本字体样式end=========================

// ===============盒子阴影+圆角========================
.box-shadow-rad {
	border-radius: 15rpx;
	box-shadow: rgba(50, 50, 93, 0.25) 0rpx 50rpx 100rpx -20rpx, rgba(0, 0, 0, 0.3) 0rpx 30rpx 60rpx -30rpx, rgba(10, 37, 64, 0.35) 0rpx -2rpx 6rpx 0rpx inset;
}